<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>探索频道JS大焦点图效果</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script src="js/ifocus.js" type="text/javascript"></script>

</head>

<body>
<br />
<div id="ifocus">
                    <div style="width: 657px; height: 274px; overflow: hidden; position: relative;">
                        <div id="ifocus_pic">
                            <div id="ifocus_piclist" style="left: 0; top: 0;">
                                <ul>

                                    <li><a href="http://www.lanrentuku.com/" target="_blank"><img src="pic/1.jpg"/></a></li>
									<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="pic/2.jpg"/></a></li>
									<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="pic/3.jpg"/></a></li>
									<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="pic/4.jpg"/></a></li>
									<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="pic/5.jpg"/></a></li>
									
                                </ul>
                            </div>
                        </div>

                    </div>
                    <div id="ifocus_btn">
                        <ul>
                            <li class="current"><img alt="1" src="pic/1s.jpg" /><p>文字图片介绍一</p><a href="http://www.lanrentuku.com/" target="_blank"><span>了解更多详情</span></a></li>
							<li class="normal"><img alt="2" src="pic/2s.jpg" /><p>文字图片介绍二</p><a href="http://www.lanrentuku.com/" target="_blank"><span>了解更多详情</span></a></li>
							<li class="normal"><img alt="3" src="pic/3s.jpg" /><p>文字图片介绍三</p><a href="http://www.lanrentuku.com/" target="_blank"><span>了解更多详情</span></a></li>
							<li class="normal"><img alt="4" src="pic/4s.jpg" /><p>文字图片介绍四</p><a href="http://www.lanrentuku.com/" target="_blank"><span>了解更多详情</span></a></li>
							<li class="normal"><img alt="5" src="pic/5s.jpg" /><p>文字图片介绍五</p><a href="http://www.lanrentuku.com/" target="_blank"><span>了解更多详情</span></a></li>
                        </ul>
                    </div>
                    
		
</div>
</body>
</html>

 
